WEB SITE DESIGN ASSIGNMENTS

Objective:

• Students will be able to preview and identify good and bad web site designs.
• Language Objective: To write out a list of pro’s and cons in a template on Google Classroom
  
  

Essential Question:

• Explain why web design should be a major part of the planning process of a website?

---

Template: Google Doc Web Site Design Template

In order to get a better idea of what works and doesn’t work one must examine existing web sites. Therefore, take a look at the following web sites that share a common interest in content, but display their web pages differently.

While looking at these web sites, keep some things in mind, for example:

• Too many pictures/not enough
• Crowded or spaced just right
• Links/ too many, too few, they don’t work…
• Navigation (moving around the screen)

http://youtu.be/Ukl9yecLxIQ

• Color Schemer - http://www.colorschemer.com/schemes/
• Template Monster:- http://www.templatemonster.com/
• 50 Excellent Corporate Designs: http://www.webdesignerdepot.com/2009/04/50-excellent-corporate-website-designs/
• 16 of the Best Web Site Designs: https://blog.hubspot.com/blog/tabid/6307/bid/34006/15-examples-of-brilliant-homepage-design.aspx#sm.0001whl0fg1ryf7cuu420taq6f9tq
• Bad Design Examples https://www.elegantthemes.com/blog/resources/bad-web-design-a-look-at-the-most-hilariously-terrible-websites-from-around-the-web

http://youtu.be/bIjzh_I8L0M

---

ASSIGNMENT #1

• In a GoogleDoc (see template above), make a list of the 4 pros and cons for each site (remember you are looking at the design, not the content)

• State your overall opinion of each web site design

1st web site: http://www.boston.com
4 pros
4 cons
State your overall opinion of the web site design
2nd web site: http://www.msn.com
4 pros
4 cons
State your overall opinion of the web site design

LAST QUESTION: What makes one web site design better than the other? or What suggestions would you give the webmaster to improve one of the web sites?

• See the rubric at the bottom of this page.

---

ASSIGNMENT #2
www.honda.com
www.toyota.com/

ASSIGNMENT #3
www.cbsnews.com
www.foxnews.com

ASSIGNMENT #4
www.zappos.com
www.shoes.com

ASSIGNMENT #5
www.fao.com/home/index.jsp
www.toysrus.com

ASSIGNMENT #6
www.libraryspot.com
www.britannica.com

ASSIGNMENT #7
www.travelocity.com
www.expedia.com

ASSIGNMENT #8
www.dell.com/us/en/gen/default.htm
www.compaq.com

---

Rubric:


Google Classroom

• Maximum 10 points
• minus 1 point for every missing summary and/or question
• minus points for missing design elements
• minus points for not well thought out answers
• minus points for turned in late

• 
  

3 (Excellent)
Entire document well done and all requirements are met.

2 (Good)
Document is completed and all or most of the requirements are met.


1 (Needs Improvement)
Document is missing many requirements.


0
Did not complete